<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <!-- 页面meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">




    <title>数据 - AdminLTE2定制版</title>
    <meta name="description" content="AdminLTE2定制版">
    <meta name="keywords" content="AdminLTE2定制版">




    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.6 -->
    <!-- Font Awesome -->
    <!-- Ionicons -->
    <!-- iCheck -->
    <!-- Morris chart -->
    <!-- jvectormap -->
    <!-- Date Picker -->
    <!-- Daterange picker -->
    <!-- Bootstrap time Picker -->
    <!--<link rel="stylesheet" href="../../../plugins/timepicker/bootstrap-timepicker.min.css">-->
    <!-- bootstrap wysihtml5 - text editor -->
    <!--数据表格-->
    <!-- 表格树 -->
    <!-- select2 -->
    <!-- Bootstrap Color Picker -->
    <!-- bootstrap wysihtml5 - text editor -->
    <!--bootstrap-markdown-->
    <!-- Theme style -->
    <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
    <!-- Ion Slider -->
    <!-- ion slider Nice -->
    <!-- bootstrap slider -->
    <!-- bootstrap-datetimepicker -->

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->








    <!-- jQuery 2.2.3 -->
    <!-- jQuery UI 1.11.4 -->
    <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
    <!-- Bootstrap 3.3.6 -->
    <!-- Morris.js charts -->
    <!-- Sparkline -->
    <!-- jvectormap -->
    <!-- jQuery Knob Chart -->
    <!-- daterangepicker -->
    <!-- datepicker -->
    <!-- Bootstrap WYSIHTML5 -->
    <!-- Slimscroll -->
    <!-- FastClick -->
    <!-- iCheck -->
    <!-- AdminLTE App -->
    <!-- 表格树 -->
    <!-- select2 -->
    <!-- bootstrap color picker -->
    <!-- bootstrap time picker -->
    <!--<script src="../../../plugins/timepicker/bootstrap-timepicker.min.js"></script>-->
    <!-- Bootstrap WYSIHTML5 -->
    <!--bootstrap-markdown-->
    <!-- CK Editor -->
    <!-- InputMask -->
    <!-- DataTables -->
    <!-- ChartJS 1.0.1 -->
    <!-- FLOT CHARTS -->
    <!-- FLOT RESIZE PLUGIN - allows the chart to redraw when the window is resized -->
    <!-- FLOT PIE PLUGIN - also used to draw donut charts -->
    <!-- FLOT CATEGORIES PLUGIN - Used to draw bar charts -->
    <!-- jQuery Knob -->
    <!-- Sparkline -->
    <!-- Morris.js charts -->
    <!-- Ion Slider -->
    <!-- Bootstrap slider -->
    <!-- bootstrap-datetimepicker -->
    <!-- 页面meta /-->

    <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css" th:href="@{/plugins/bootstrap/css/bootstrap.min.css}">
    <link rel="stylesheet" href="../plugins/font-awesome/css/font-awesome.min.css" th:href="@{/plugins/font-awesome/css/font-awesome.min.css}">
    <link rel="stylesheet" href="../plugins/ionicons/css/ionicons.min.css" th:href="@{/plugins/ionicons/css/ionicons.min.css}">
    <link rel="stylesheet" href="../plugins/iCheck/square/blue.css" th:href="@{/plugins/iCheck/square/blue.css}">
    <link rel="stylesheet" href="../plugins/morris/morris.css" th:href="@{/plugins/morris/morris.css}">
    <link rel="stylesheet" href=".." th:href="@{/plugins/jvectormap/jquery-jvectormap-1.2.2.css}">
    <link rel="stylesheet" href=".." th:href="@{/plugins/datepicker/datepicker3.css}">
    <link rel="stylesheet" href=".." th:href="@{/plugins/daterangepicker/daterangepicker.css}">
    <link rel="stylesheet" href=".." th:href="@{/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css}">
    <link rel="stylesheet" href=".." th:href="@{/plugins/datatables/dataTables.bootstrap.css}">
    <link rel="stylesheet" href=".." th:href="@{/plugins/treeTable/jquery.treetable.css}">
    <link rel="stylesheet" href=".." th:href="@{/plugins/treeTable/jquery.treetable.theme.default.css}">
    <link rel="stylesheet" href=".." th:href="@{/plugins/select2/select2.css}">
    <link rel="stylesheet" href=".." th:href="@{/plugins/colorpicker/bootstrap-colorpicker.min.css}">
    <link rel="stylesheet" href=".." th:href="@{/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css}">
    <link rel="stylesheet" href=".." th:href="@{/plugins/adminLTE/css/AdminLTE.css}">
    <link rel="stylesheet" href=".." th:href="@{/plugins/adminLTE/css/skins/_all-skins.min.css}">
    <link rel="stylesheet" href=".." th:href="@{/css/style.css}">
    <link rel="stylesheet" href=".." th:href="@{/plugins/ionslider/ion.rangeSlider.css}">
    <link rel="stylesheet" href=".." th:href="@{/plugins/ionslider/ion.rangeSlider.skinNice.css}">
    <link rel="stylesheet" href=".." th:href="@{/plugins/bootstrap-slider/slider.css}">
    <link rel="stylesheet" href=".." th:href="@{/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.css}">
</head>

<body class="hold-transition skin-purple sidebar-mini">

    <div class="wrapper">

        <!-- 页面头部 -->
        <div th:replace="Bar/Bar::topbar"></div>
        <!-- 页面头部 /-->

        <!-- 导航侧栏 -->
      <div th:replace="Bar/Bar::slidebar"></div>
        <!-- 导航侧栏 /-->

        <!-- 内容区域 -->
        <!-- @@master = admin-layout.html-->
        <!-- @@block = content -->

      <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
          <h1>
            借物登记表
            <!--<small>Preview</small>-->
          </h1>
          <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="#">Forms</a></li>
            <li class="active">General Elements</li>
          </ol>
        </section>

        <!-- Main content -->
        <section class="content">
          <div class="row">
            <!-- left column -->
            <!--/.col (left) -->
            <!-- right column -->
            <div class="col-md-6">

              <div class="box box-warning">
                <!-- /.box-header -->
                <div class="box-body">
                    <form  role="form" method="post" action="lend" th:action="@{/listEdit}">
                    <input type="hidden" name="_method" th:value="PUT">
                    <!-- text input -->
                    <div class="form-group">
                      <label>租借人<span style="color: red">*</span></label>
                      <input name="l_person" type="text" class="form-control" placeholder="请输入" th:value="${lendList != null}?${lendList.l_person}">
                    </div>
                    <input name="l_id" th:value="${lendList.l_id}" type="hidden">
                    <!--<div th:if="${lendList != null}" class="form-group">-->
                    <!--  <label>归还时间</label>-->
                    <!--  <input type="datetime-local" name="l_end" class="form-control" placeholder="请输入时间">-->
                    <!--</div>-->
                    <div class="form-group">
                      <label >请在后面补充物件归还情况/是否损坏</label>
                      <textarea name="l_label" class="form-control" rows="3" >[[${lendList.l_label}]]</textarea>
                    </div>
                    <div class="form-group">
                      <label>值班干事<span style="color: red">*</span></label>
                      <input name="l_manager" type="text" class="form-control" placeholder="请输入" th:value="${lendList != null}?${lendList.l_manager}">
                    </div>
                    <b style="color: red">*表示一定填写</b>
                    <br>
                    <button type="submit" class="btn btn-large btn-primary">提交</button>

                    <!--&lt;!&ndash; textarea &ndash;&gt;-->
                    <!--<div class="form-group">-->
                    <!--  <label>Textarea</label>-->
                    <!--  <textarea class="form-control" rows="3" placeholder="Enter ..."></textarea>-->
                    <!--</div>-->
                    <!--<div class="form-group">-->
                    <!--  <label>Textarea Disabled</label>-->
                    <!--  <textarea class="form-control" rows="3" placeholder="Enter ..." disabled="disabled"></textarea>-->
                    <!--</div>-->

                    <!--&lt;!&ndash; input states &ndash;&gt;-->
                    <!--<div class="form-group has-success">-->
                    <!--  <label class="control-label" for="inputSuccess"><i class="fa fa-check"></i> Input with success</label>-->
                    <!--  <input type="text" class="form-control" id="inputSuccess" placeholder="Enter ...">-->
                    <!--  <span class="help-block">Help block with success</span>-->
                    <!--</div>-->
                    <!--<div class="form-group has-warning">-->
                    <!--  <label class="control-label" for="inputWarning"><i class="fa fa-bell-o"></i> Input with-->
                    <!--    warning</label>-->
                    <!--  <input type="text" class="form-control" id="inputWarning" placeholder="Enter ...">-->
                    <!--  <span class="help-block">Help block with warning</span>-->
                    <!--</div>-->
                    <!--<div class="form-group has-error">-->
                    <!--  <label class="control-label" for="inputError"><i class="fa fa-times-circle-o"></i> Input with-->
                    <!--    error</label>-->
                    <!--  <input type="text" class="form-control" id="inputError" placeholder="Enter ...">-->
                    <!--  <span class="help-block">Help block with error</span>-->
                    <!--</div>-->

                    <!--&lt;!&ndash; checkbox &ndash;&gt;-->
                    <!--<div class="form-group">-->
                    <!--  <div class="checkbox">-->
                    <!--    <label>-->
                    <!--      <input type="checkbox">-->
                    <!--      Checkbox 1-->
                    <!--    </label>-->
                    <!--  </div>-->

                    <!--  <div class="checkbox">-->
                    <!--    <label>-->
                    <!--      <input type="checkbox">-->
                    <!--      Checkbox 2-->
                    <!--    </label>-->
                    <!--  </div>-->

                    <!--  <div class="checkbox">-->
                    <!--    <label>-->
                    <!--      <input type="checkbox" disabled="disabled">-->
                    <!--      Checkbox disabled-->
                    <!--    </label>-->
                    <!--  </div>-->
                    <!--</div>-->

                    <!--&lt;!&ndash; radio &ndash;&gt;-->
                    <!--<div class="form-group">-->
                    <!--  <div class="radio">-->
                    <!--    <label>-->
                    <!--      <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked="checked">-->
                    <!--      Option one is this and that&mdash;be sure to include why it's great-->
                    <!--    </label>-->
                    <!--  </div>-->
                    <!--  <div class="radio">-->
                    <!--    <label>-->
                    <!--      <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">-->
                    <!--      Option two can be something else and selecting it will deselect option one-->
                    <!--    </label>-->
                    <!--  </div>-->
                    <!--  <div class="radio">-->
                    <!--    <label>-->
                    <!--      <input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled="disabled">-->
                    <!--      Option three is disabled-->
                    <!--    </label>-->
                    <!--  </div>-->
                    <!--</div>-->

                    <!--&lt;!&ndash; select &ndash;&gt;-->
                    <!--<div class="form-group">-->
                    <!--  <label>Select</label>-->
                    <!--  <select class="form-control">-->
                    <!--    <option>option 1</option>-->
                    <!--    <option>option 2</option>-->
                    <!--    <option>option 3</option>-->
                    <!--    <option>option 4</option>-->
                    <!--    <option>option 5</option>-->
                    <!--  </select>-->
                    <!--</div>-->
                    <!--<div class="form-group">-->
                    <!--  <label>Select Disabled</label>-->
                    <!--  <select class="form-control" disabled="disabled">-->
                    <!--    <option>option 1</option>-->
                    <!--    <option>option 2</option>-->
                    <!--    <option>option 3</option>-->
                    <!--    <option>option 4</option>-->
                    <!--    <option>option 5</option>-->
                    <!--  </select>-->
                    <!--</div>-->

                    <!--&lt;!&ndash; Select multiple&ndash;&gt;-->
                    <!--<div class="form-group">-->
                    <!--  <label>Select Multiple</label>-->
                    <!--  <select multiple="multiple" class="form-control">-->
                    <!--    <option>option 1</option>-->
                    <!--    <option>option 2</option>-->
                    <!--    <option>option 3</option>-->
                    <!--    <option>option 4</option>-->
                    <!--    <option>option 5</option>-->
                    <!--  </select>-->
                    <!--</div>-->
                    <!--<div class="form-group">-->
                    <!--  <label>Select Multiple Disabled</label>-->
                    <!--  <select multiple="multiple" class="form-control" disabled="disabled">-->
                    <!--    <option>option 1</option>-->
                    <!--    <option>option 2</option>-->
                    <!--    <option>option 3</option>-->
                    <!--    <option>option 4</option>-->
                    <!--    <option>option 5</option>-->
                    <!--  </select>-->
                    <!--</div>-->

                    </form></form>
                </div>
                <!-- /.box-body -->
              </div>
              <!-- /.box -->
            </div>
            <!--/.col (right) -->
          </div>
          <!-- /.row -->
        </section>
        <!-- /.content -->
      </div>
        <!-- @@close -->
        <!-- 内容区域 /-->

        <!-- 底部导航 -->
        <footer class="main-footer">
            <div class="pull-right hidden-xs">
                <b>Version</b> 1.0.8
            </div>
            <strong>Copyright &copy; 2014-2017 <a href="http://www.itcast.cn">研究院研发部</a>.</strong> All rights reserved.
        </footer>
        <!-- 底部导航 /-->

    </div>



    <script th:src="@{/plugins/jQuery/jquery-2.2.3.min.js}"></script>
    <script th:src="@{/plugins/jQueryUI/jquery-ui.min.js}"></script>
    <script>
        $.widget.bridge('uibutton', $.ui.button);
    </script>
    <script th:src="@{/plugins/bootstrap/js/bootstrap.min.js}"></script>
    <script th:src="@{/plugins/raphael/raphael-min.js}"></script>
    <script th:src="@{/plugins/morris/morris.min.js}"></script>
    <script th:src="@{/plugins/sparkline/jquery.sparkline.min.js}"></script>
    <script th:src="@{/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js}"></script>
    <script th:src="@{/plugins/jvectormap/jquery-jvectormap-world-mill-en.js}"></script>
    <script th:src="@{/plugins/knob/jquery.knob.js}"></script>
    <script th:src="@{/plugins/daterangepicker/moment.min.js}"></script>
    <script th:src="@{/plugins/daterangepicker/daterangepicker.js}"></script>
    <script th:src="@{/plugins/daterangepicker/daterangepicker.zh-CN.js}"></script>
    <script th:src="@{/plugins/datepicker/bootstrap-datepicker.js}"></script>
    <script th:src="@{/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js}"></script>
    <script th:src="@{/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js}"></script>
    <script th:src="@{/plugins/slimScroll/jquery.slimscroll.min.js}"></script>
    <script th:src="@{/plugins/fastclick/fastclick.js}"></script>
    <script th:src="@{/plugins/iCheck/icheck.min.js}"></script>
    <script th:src="@{/plugins/adminLTE/js/app.min.js}"></script>
    <script th:src="@{/plugins/treeTable/jquery.treetable.js}"></script>
    <script th:src="@{/plugins/select2/select2.full.min.js}"></script>
    <script th:src="@{/plugins/colorpicker/bootstrap-colorpicker.min.js}"></script>
    <script th:src="@{/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.zh-CN.js}"></script>
    <script th:src="@{/plugins/bootstrap-markdown/js/bootstrap-markdown.js}"></script>
    <script th:src="@{/plugins/bootstrap-markdown/locale/bootstrap-markdown.zh.js}"></script>
    <script th:src="@{/plugins/bootstrap-markdown/js/markdown.js}"></script>
    <script th:src="@{/plugins/bootstrap-markdown/js/to-markdown.js}"></script>
    <script th:src="@{/plugins/ckeditor/ckeditor.js}"></script>
    <script th:src="@{/plugins/input-mask/jquery.inputmask.js}"></script>
    <script th:src="@{/plugins/input-mask/jquery.inputmask.date.extensions.js}"></script>
    <script th:src="@{/plugins/input-mask/jquery.inputmask.extensions.js}"></script>
    <script th:src="@{/plugins/datatables/jquery.dataTables.min.js}"></script>
    <script th:src="@{/plugins/datatables/dataTables.bootstrap.min.js}"></script>
    <script th:src="@{/plugins/chartjs/Chart.min.js}"></script>
    <script th:src="@{/plugins/flot/jquery.flot.min.js}"></script>
    <script th:src="@{/plugins/flot/jquery.flot.resize.min.js}"></script>
    <script th:src="@{/plugins/flot/jquery.flot.pie.min.js}"></script>
    <script th:src="@{/plugins/flot/jquery.flot.categories.min.js}"></script>
    <script th:src="@{/plugins/ionslider/ion.rangeSlider.min.js}"></script>
    <script th:src="@{/plugins/bootstrap-slider/bootstrap-slider.js}"></script>
    <script th:src="@{/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.js}"></script>
    <script th:src="@{/plugins/bootstrap-datetimepicker/locales/bootstrap-datetimepicker.zh-CN.js}"></script>
    <script>
        $(document).ready(function() {
            // 选择框
            $(".select2").select2();

            // WYSIHTML5编辑器
            $(".textarea").wysihtml5({
                locale: 'zh-CN'
            });
        });


        // 设置激活菜单
        function setSidebarActive(tagUri) {
            var liObj = $("#" + tagUri);
            if (liObj.length > 0) {
                liObj.parent().parent().addClass("active");
                liObj.addClass("active");
            }
        }


        $(document).ready(function() {
            setSidebarActive("admin-blank");
        });
    </script>

</body>

</html>